<template>
  <view class="back-button" @click="goBack">
    <uni-icons type="left" size="20" color="#333"></uni-icons>
  </view>
</template>

<script>
export default {
  name: 'BackButton',
  methods: {
    goBack() {
      // 获取页面栈
      const pages = getCurrentPages()
      if (pages.length > 1) {
        // 如果页面栈长度大于1，说明有上一页，可以返回
        uni.navigateBack({
          delta: 1,
          fail: () => {
            // 如果返回失败（比如没有上一页），则跳转到首页
            uni.reLaunch({
              url: '/pages/index/index'
            })
          }
        })
      } else {
        // 如果没有上一页，则跳转到首页
        uni.reLaunch({
          url: '/pages/index/index'
        })
      }
    }
  }
}
</script>

<style lang="scss" scoped>
.back-button {
  padding: 20rpx;
  margin-left: -20rpx;
}
</style> 